// header头部的导航栏
.bar{
  padding:5px 2px;
  height:44px;
  border-width:0;
  border-style:solid;
  /*border-top:1px solid transparent;
  border-bottom:1px solid #ddd;*/
  background-color:$general-bg1-color;
  background-size:0
}

// 头部导航的三种颜色（light：白色，stable：灰色，dark：黑色;包括两个button和title）
//bar-light的title和button
.bar.bar-light{
  background-color:$general-bg1-color;
  background-image:linear-gradient(0deg, $general-bg1-color, $general-bg1-color 50%, transparent 50%);
  color:$subject-title-color;
}
.bar.bar-light .title{
  color:$subject-title-color
}
.bar-light .button{
  background-color:$general-bg1-color;
  color:$subject-title-color
}
.bar-light .button:hover{
  color:$subject-title-color;
}
//bar-stable的title和button
.bar.bar-stable{
  background-color:$main-bg-color;
  background-image:linear-gradient(0deg, $main-bg-color, $main-bg-color 50%, transparent 50%);
  color:$home-tab-nav-text-color;
}
.bar.bar-stable .title{
  color:$home-tab-nav-text-color;
}
.bar-stable .button{
  background-color:$main-bg-color;
  color:$home-tab-nav-text-color;
}
.bar-stable .button:hover{
  color:$home-tab-nav-text-color;
}
//bar-dark的title和button
.bar.bar-dark{
  background-color:$search-nav-bg-color;
  background-image:linear-gradient(0deg, $search-nav-bg-color, $search-nav-bg-color 50%, transparent 50%);
  color:$home-tab-nav-text-color;
}
.bar.bar-dark .title{
  color:$home-tab-nav-text-color;
}
.bar-dark .button{
  background-color:$search-nav-bg-color;
  color:$home-tab-nav-text-color;
}
.bar-dark .button:hover{
  color:$home-tab-nav-text-color;
}




